<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 04 - Vuejs实操系列 - 快速入门【应用】</title>
</head>
<body>

<!--3:定义dom-->

<div id="app">
    <!--4：利用插值表达式或者指令完成数据的渲染-->
    {{title}},
    {{aaa}}
    <span v-text="title"></span>
</div>

<!--1:引入vuejs-->
<script src="js/vuejs-2.5.16.js"></script>
<script>
    // 2: 定义vuejs对象，
    // 参数属性说明：
    // 1: el：代表vuejs从哪个dom开始进行管辖，一旦被el定义，那么会把当前dom中的视图（dom）中存在的指令或者插值表达式
    // 通通进行数据的渲染。
    //2: 而数据的来源必须一定要在data中进行定义，也就是告诉只要在el管辖的范围内需要的数据必须要data中定义，否则无效。

    // 注意事项：
    // 1：注意点：el :#app 必须用id，可以用class吗。不推荐
    // 2:注意点：Vue首字母必须是大写。
    var  nimaboom = new Vue({
        el:"#app",
        data:{title:"我一斧头劈烂你妈的灵堂",aaa:"让你妈超脱轮回之外"}
    })


/*    var app = new Vue({
        el:"#app",
        data:{title:"传智播客，专业的Java学习平台！！"}
    })*/

</script>
</body>
</html>